<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog mobile10-exception-dialog">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'mobile10.exception.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'mobile10.exception.next_date' | translate" ></label>
                <input class="value" mdl-datepicker="dialog.next_date" mdl-date-min="dialog.now_date"></input>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'mobile10.exception.exception_reason' | translate" ></label>
                <input class="value" ng-model="dialog.exception_reason_display" readonly ng-click="dialog.loadExceptoinReason();"/>
                <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
            </div>
            <div class="btn-content">
                <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.confirm()" style="width:100px">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>
</div>
